<!DOCTYPE html>
<html lang="en">
<head>
    <title>店面</title>
    <meta charset="utf-8">
    <link href="/plugins/echarts/common.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/style/admin.css" media="all">
    <link rel="stylesheet" href="/style/jmdf.css" media="all">
    <#setting number_format="#.##">
</head>
<body>
<!--顶部-->
<header class="header left">
    <div class="left nav">
        <ul>
            <li>&nbsp;</li>
        </ul>
    </div>
    <div class="header_center left" style="position:relative;font-weight: bold;font-size: 40px;">
        <span class="jmdf-color-red">DE地块店面房源</span>
    </div>
</header>
<div class="con left">
    <div class="div_any">
        <span style="position: absolute;top: 70px;">
            <span class="layui-badge" style="background-color: ${colorMap['保障区房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:60px;">可选</span>
<#--            <span class="layui-badge" style="background-color: ${colorMap['三批次房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:60px;">可选</span>-->
<#--            <span class="layui-badge" style="background-color: ${colorMap['一批结余房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:100px;">一批结余</span>-->
<#--            <span class="layui-badge" style="background-color: ${colorMap['二批结余房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:100px;">二批结余</span>-->
            <span class="layui-badge" style="background-color: red;font-size: 22px;padding-top: 5px;padding-bottom: 5px;width: 60px;">&nbsp;已选&nbsp;</span>
        </span>

        <#--店面-->
        <div class="left div_any01" style="width:50%">
            <div class="div_any_child" style="width:99%;height: 50%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">1号楼店铺</span>]
                </div>
                <div id="shopPic1" style="margin-top: 10px;"></div>
            </div>
        </div>
        <div class="right div_any01" style="width:50%">
            <div class="div_any_child" style="width:99%;height: 50%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">2号楼店铺</span>]
                </div>
                <div id="shopPic2" style="margin-top: 10px;"></div>
            </div>
        </div>


        <div class="right div_any01" style="width:50%">
            <div class="div_any_child" style="width:99%;height: 50%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">3号楼店铺</span>]
                </div>
                <div id="shopPic3" style="margin-top: 10px;"></div>
            </div>
        </div>

        <div class="right div_any01" style="width:50%">
            <div class="div_any_child" style="width:99%;height: 50%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">5号楼店铺</span>]
                </div>
                <div id="shopPic4" style="margin-top: 10px;"></div>
            </div>
        </div>

        <div class="right div_any01" style="width:50%">
            <div class="div_any_child" style="width:99%;height: 50%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">6-7号楼店铺</span>]
                </div>
                <div id="shopPic5" style="margin-top: 10px;"></div>
            </div>
        </div>

        <div class="right div_any01" style="width:50%">
            <div class="div_any_child" style="width:99%;height: 50%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">11号楼店铺</span>]
                </div>
                <div id="shopPic6" style="margin-top: 10px;"></div>
            </div>
        </div>

        <div class="left div_any01" style="width:50%">
            <div class="div_any_child" style="width:99%;height: 50%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">13号楼店铺</span>]
                </div>
                <div id="shopPic7" style="margin-top: 10px;"></div>
            </div>
        </div>

        <div class="right div_any01" style="width:50%">
            <div class="div_any_child" style="width:99%;height: 50%;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">16-18号楼店铺</span>]
                </div>
                <div id="shopPic8" style="margin-top: 10px;"></div>
            </div>
        </div>
    </div>
</div>
<script src="/layui/layui.js" charset="utf-8"></script>
<script src="/plugins/jquery/jquery.min.js"></script>
</body>
<script>
    function loadShopPic1() {/*店面1号楼*/
        $("#shopPic1").html("加载中，请稍后...");
        $.get("shopHousePic", {
            azProjectId: 3,
            // houseStyle:"('一批次店面')",
            buildNumStr: "'1'",
            _time: new Date().getTime()
        }, function (data) {
            $("#shopPic1").html(data);
        });
    }

    function loadShopPic2() {/*店面2号楼*/
        $("#shopPic2").html("加载中，请稍后...");
        $.get("shopHousePic", {
            azProjectId: 3,
            // houseStyle:"('一批次店面')",

            buildNumStr: "'2'",
            _time: new Date().getTime()
        }, function (data) {
            $("#shopPic2").html(data);
        });
    }

    function loadShopPic3() {/*店面3号楼*/
        $("#shopPic3").html("加载中，请稍后...");
        $.get("shopHousePic", {
            azProjectId: 3,
            // houseStyle:"('一批次店面')",

            buildNumStr: "'3'",
            _time: new Date().getTime()
        }, function (data) {
            $("#shopPic3").html(data);
        });
    }


    function loadShopPic4() {/*店面5号楼*/
        $("#shopPic4").html("加载中，请稍后...");
        $.get("shopHousePic", {
            azProjectId: 3,
            // houseStyle:"('一批次店面')",

            buildNumStr: "'5'",
            _time: new Date().getTime()
        }, function (data) {
            $("#shopPic4").html(data);
        });
    }

    function loadShopPic5() {/*店面6-7号楼*/
        $("#shopPic5").html("加载中，请稍后...");
        $.get("shopHousePic", {
            azProjectId: 3,
            // houseStyle:"('一批次店面')",

            buildNumStr: "'6-7'",
            _time: new Date().getTime()
        }, function (data) {
            $("#shopPic5").html(data);
        });
    }

    function loadShopPic6() {/*店面11号楼*/
        $("#shopPic6").html("加载中，请稍后...");
        $.get("shopHousePic", {
            azProjectId: 3,
            // houseStyle:"('一批次店面')",

            buildNumStr: "'11'",
            _time: new Date().getTime()
        }, function (data) {
            $("#shopPic6").html(data);
        });
    }

    function loadShopPic7() {/*店面13号楼*/
        $("#shopPic7").html("加载中，请稍后...");
        $.get("shopHousePic", {
            azProjectId: 3,
            // houseStyle:"('一批次店面')",

            buildNumStr: "'13'",
            _time: new Date().getTime()
        }, function (data) {
            $("#shopPic7").html(data);
        });
    }

    function loadShopPic8() {/*店面16-18号楼*/
        $("#shopPic8").html("加载中，请稍后...");
        $.get("shopHousePic", {
            azProjectId: 3,
            // houseStyle:"('一批次店面')",

            buildNumStr: "'16-18'",
            _time: new Date().getTime()
        }, function (data) {
            $("#shopPic8").html(data);
        });
    }
    $(function () {
        /*店面*/
        loadShopPic1();
        loadShopPic2();
        loadShopPic3();
        loadShopPic4();
        loadShopPic5();
        loadShopPic6();
        loadShopPic7();
        loadShopPic8();


        setInterval('loadShopPic1()', 30000);
        setInterval('loadShopPic2()', 30000);
        setInterval('loadShopPic3()', 30000);
        setInterval('loadShopPic4()', 30000);
        setInterval('loadShopPic5()', 30000);
        setInterval('loadShopPic6()', 30000);
        setInterval('loadShopPic7()', 30000);
        setInterval('loadShopPic8()', 30000);
    })

</script>
</html>
